import React, {Component} from 'react';
import {  Space, Card,Avatar } from 'antd';
import { EditOutlined,UserOutlined,HeartOutlined } from '@ant-design/icons';
import NewsBlog from './NewsBlog';
import './UserInfo.less';

const { Meta } = Card;

class UserInfo extends Component {
    state = {
    };


    render() {
        const { loading } = this.state;

        return (
            <>
                <Space direction="vertical"  style={{ width: '100%'}}>
                    <Card

                        actions={[
                            <div>
                                <EditOutlined key="blog" />
                                <span style={{'paddingLeft':3}}>技术随笔</span>
                                <span className={'block'}>12</span>
                            </div>,
                            <div>
                                <HeartOutlined key="life" />
                                <span style={{'paddingLeft':3}}>生活点滴</span>
                                <span className={'block'}>12</span>
                            </div>,
                        ]}
                    >
                        {/*头像*/}
                        <Avatar className={'head'} size={64} icon={<UserOutlined />} />
                        {/*用户名和状态*/}
                        <span className={'user_name'}>冷猫猫</span>
                        <span className={'user_age'}>码龄0.1年</span>
                        <p>
                            人最宝贵的东西是生命、生命对人来说只有一次、因此，人的一生应当这样度过：当一个人回首往事时，不因虚度年华而悔恨，也不因碌碌无为而羞愧；这样，在他临死的时候，能够说，我把整个生命和全部精力都献给了人生最宝贵的事业——为人类的解放而奋斗。我们必须抓紧时间生活，因为即使是一场暴病或意外都可能终止生命。
                        </p>
                    </Card>

                    <NewsBlog />
                </Space>
            </>
        );
    }
}
export default UserInfo;